page{
	background-color: #f7f7f7;
}
.app{
	
	.app-0{
		position: absolute;
		width: 100%;
		height: 220upx;
		background-color:#0C4CEC ;
		z-index: 0;
		top: 0;
		left: 0;
	}
	.app-con{
		display: flex;
		flex-direction: column;
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 1;
		padding: 25upx;
	}
	.app-1{
		display: flex;
		align-items: center;
		background-color: #fff;
		padding: 30upx;
		border-radius: 5px;
		image{
			width: 180upx;
			height: 180upx;
			border-radius: 50%;
		}
		>view{
			flex: 1;
			margin-left: 15upx;
			>text{
				font-size: 26upx;
				font-family: PingFang SC;
				font-weight: bold;
				color: #333333;
				display: block;
				margin-bottom: 10upx;
			}
			view{
				font-size: 24upx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #000000;
				text-indent: 24upx;
				position: relative;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 4;
				overflow: hidden;
				text{
					&:nth-child(1){
						color: #0C4CEC;
						font-size: 24upx;
						position: absolute;
						right: 0;
						bottom: 0;
						z-index: 2;
						width: 80upx;
					}
				}
			}
		}
	}
	.app-2{
		margin: 25upx 0;
		position: relative;
		text{
			&:nth-child(1){
				font-size: 32upx;
				font-family: Microsoft YaHei;
				font-weight: bold;
				color: #333;
				position: relative;
				width: 170upx;
				text-align: center;
				display: block;
				z-index: 1;
			}
			&:nth-child(2){
				position: absolute;
				width: 170upx;
				height: 20upx;
				background-color: #DEE9FF;
				border-radius: 5px;
				bottom: -5upx;
				left: 0;
				z-index: 0;
			}
		}
	}
	.app-3{
		flex: 1;
	}
	.app-4{
		height: 125upx;
		
	}
}
.app-fot{
	position: fixed;
	width: 100%;
	height: 125upx;
	left: 0;
	bottom: 0;
	display: flex;
	z-index: 10;
	background-color: #fff;
	>view{
		flex: 1;
		text-align: center;
		view{
			height: 50upx;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 15upx;
		}
	}
}